<template>
	<view class="" style="">
		<view class="box" style="background-color: yellow;border-radius: 20px 20px 0 0;display: flex;justify-content: space-between;">
			<view class="left">
				<p>我的渔利值464</p>
			</view>
			<view class="right">
				<u-icon style="" size="40" name="arrow-right"></u-icon>
			</view>


		</view>

		<view class="bottom" style="display: flex;justify-content: space-between;align-items: center;">
			<view class="shoucang" style="display: flex;flex-direction: column;align-items: center;">
				<p>0</p>
				收藏
			</view>
			<view class="shoucang" style="display: flex;flex-direction: column;align-items: center;">
				<p>0</p>
				收藏
			</view>
			<view class="shoucang" style="display: flex;flex-direction: column;align-items: center;">
				<p>0</p>
				收藏
			</view>
			<view class="shoucang"
				style="display: flex;flex-direction: column;align-items: center;justify-content: center;">
				<p>0</p>
				收藏
			</view>
		</view>
	</view>

</template>

<script>

</script>

<style lang="scss" scoped>
	.box {
	
		display: flex;
		justify-content: space-between;
		top: 100px;
		width: 100%;
		padding: 10px;
		align-items: center;
		margin-left: 12px;
		max-width: 95%;
	}

	.bottom {
		display: flex;
	
		padding: 20px;
		
		background-color: blanchedalmond;
		margin-left: 12px;
		max-width: 95%;
		height: 60px;
		align-items: center;
		justify-content: center;
		border-radius:0 0 20px 20px;
	}
</style>